<!DOCTYPE html>
<html lang="en">
    <!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
        <title>Student Management System</title>  
        <link rel="stylesheet" href="css/style.css">  
        <style>  
            body {  
                margin: 0;  
                padding: 0;  
                display: flex;  
                flex-direction: column; /* 设置为列方向以堆叠内容 */  
                justify-content: center; /* 在垂直方向上居中内容 */  
                align-items: center; /* 在水平方向上居中内容 */  
                height: 100vh;  
                font-family: Arial,sans-serif;  
                background-image: url("C:\\Users\\刘瑾\\Desktop\\风景图.jpg"); /* 注意：这通常是一个 web 上的 URL 而不是本地路径 */  
                background-size: cover;  
            }  
            .centered-content {  
                text-align: center; /* 确保 h1 和 form 在水平方向上居中 */  
            }  
        </style>  
    </head>  
    <body>  
        <div class="centered-content">  
            <h1>Welcome to Student Management System</h1>  
            <form action="/register" method="post">  
                <input type="text" name="username" placeholder="用户名">  
                <input type="text" name="password" placeholder="密码">  
                <button type="submit">注册</button>  
            </form>  
        </div>  
    </body>  
    </html>